function addRow() {
    var table = document.getElementById("table");
    //console.log(table);
    var length = table.rows.length;//要插入的行位置
    var row = table.insertRow(length);//在表格的最后插入一行
    //插入节点对象
    var nameCol = row.insertCell(0);
    var ageCol = row.insertCell(1);
    var genderCol = row.insertCell(2);
    var operationCol = row.insertCell(3);
    //修改节点文本内容
    nameCol.innerHTML = "未定义";//插入单元格内容
    ageCol.innerHTML = "0";
    genderCol.innerHTML = "未知";
    operationCol.innerHTML = "<button onclick='editRow(this)'>编辑</button><button onclick='deleteRow(this)'>删除</button>";
}

function deleteRow(button) {
    //获取按钮所在行的索引
    var row = button.parentNode.parentNode;//进行两次父节点获取：button->td->tr
    row.parentNode.removeChild(row); //不能进行自己删除自己的操作，所以要先获得父节点，然后调用removeChild方法
}

function editRow(button) {
    var row = button.parentNode.parentNode;
    var nameCol = row.cells[0];
    var ageCol = row.cells[1];
    var genderCol = row.cells[2];

    //提示用户输入新的值
    var newName = prompt("请输入新的姓名：", nameCol.innerHTML);
    var newAge = prompt("请输入新的年龄：", ageCol.innerHTML);
    var newGender = prompt("请输入新的性别：", genderCol.innerHTML);

    //更新单元格内容
    if (newName !== null) {
        nameCol.innerHTML = newName;
    }
    if (newAge !== null) {
        ageCol.innerHTML = newAge;
    }
    if (newGender !== null) {
        genderCol.innerHTML = newGender;
    }
}